<div ng-init="init();" class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mobile-dialog filterCondition-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'QT_standard.common.filterCondition.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="search-data">
                <div class="left-page">
                    <div class="kmi-text-fields" style="margin-bottom: 20px;">
                        <label class="label" ng-bind="'QT_standard.common.filterCondition.product_no' | translate"></label>
                        <input ng-model="dialog.List_filterValue.product_no"></input>
                    </div>
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'QT_standard.common.filterCondition.product_spec' | translate"></label>
                        <input ng-model="dialog.List_filterValue.product_spec"></input>
                    </div>
                </div>
                <div class="right-page">
                    <div class="kmi-text-fields" style="margin-bottom: 20px;">
                        <label class="label" ng-bind="'QT_standard.common.filterCondition.product_name' | translate"></label>
                        <input ng-model="dialog.List_filterValue.product_name"></input>
                    </div>
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'QT_standard.common.filterCondition.batch_no' | translate"></label>
                        <input ng-model="dialog.List_filterValue.batch_no"></input>
                    </div>
                </div> 
            </div>
            <div class="btn-panel" style="padding-bottom: 8px;">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.search()" style="width:100px">
                    <label ng-bind="'common.btn.search'|translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'QT_standard.common.filterCondition.list.product_no' | translate"></div>
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'QT_standard.common.filterCondition.list.product_name' | translate"></div>
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'QT_standard.common.filterCondition.list.product_spec' | translate"></div>
                    <div class="kmi-list__column" style="flex: 1;" ng-bind="'QT_standard.common.filterCondition.list.batch_no' | translate"></div>
                </div>
                <div class="kmi-list__row-content" >
                    <div class="kmi-list__row" ng-repeat="item in dialog.getPages(dialog.filter_condition_details, dialog.List_PageConfig, dialog.List_filterValue )" ng-class="{'is-select': dialog.selectItem.batch_no == item.batch_no && dialog.selectItem.product_no == item.product_no}">
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.product_no"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.product_name"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.product_spec"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="item.batch_no"></div>
                        <div class="kmi-can-click" ng-click="dialog.itemClick(item);"></div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <div class="page-icon">
                    <img src="image/icons/dropleft.png"></img>
                    <div class="kmi-can-click"  ng-click="dialog.List_PageConfig.page = (dialog.List_PageConfig.page-1<0?0:dialog.List_PageConfig.page-1);"></div>
                </div>
                <label ng-bind="(dialog.List_PageConfig.page +1)+' / '+dialog.List_PageConfig.total_page"></label>
                <div class="page-icon">
                    <img src="image/icons/dropright.png"></img>
                    <div class="kmi-can-click"  ng-click="dialog.List_PageConfig.page = (dialog.List_PageConfig.page+1>(dialog.List_PageConfig.total_page-1)?(dialog.List_PageConfig.total_page-1):dialog.List_PageConfig.page+1);"></div>
                </div>
            </div>
            <div class="btn-panel" style="padding-top: 2px;">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm'|translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
